.slide-down-enter-active,
.slide-down-leave-active,
.slide-up-enter-active,
.slide-up-leave-active
{
    transition: all .2s linear;
}

.slide-down-enter,
.slide-down-leave-to{
    transform: translate(0, -100%);
}
.slide-up-enter,
.slide-up-leave-to{
    transform: translate(0, 100%);
}
.slide-down-leave,
.slide-down-enter-to,
.slide-up-leave,
.slide-up-enter-to
{
    transform: translate(0, 0);
}